<template>
    <el-drawer
        :visible.sync="drawer"
        direction="rtl"
        size="45%"
        :with-header="false"
        :width="700">
        <div class="drawer_box">
          <div class="drawer_t">
            <div class="drawer_t_l">
              <img class="drawer_t_l_img" src="../../../../../static/skin/herodoo/main/platform/home/img/piliangfabu.png" alt="">
              批量发布
            </div>
            <img  class="drawer_t_r" src="../../../../../static/skin/herodoo/main/platform/home/img/guanbi.png" alt="" @click="drawer = false">
          </div>
          <div class="drawer_c">

          </div>
          <div class="drawer_b">
            <span class="drawer_sx">
              发布
            </span>
          </div>
        </div>
      </el-drawer>
  </template>
  
  <script>
  export default {
    name: 'BatchRelease',
  
    data() {
      return {
          navsIndex:0,
          rightsArr:[],
          drawer: false,
      };
    },
  
    mounted() {
      
    },
  
    methods: {
      handleClose() {
        this.drawer = false
      },
      drawerOp(){
          this.drawer = true
      }
    },
  };
  </script>
  <style scoped>
  .drawer_box{
    padding: 3vh 1.5vw;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .drawer_t{
    display: flex;
    justify-content: space-between;
  }
  .drawer_t_l{
    display: flex;
    align-items: center;
    font-size: 2vh;
    font-weight: bold;
  }
  .drawer_t_l_img{
    width: 1.4vw;
    margin-right: 1vh;
  }
  .drawer_t_r{
    width: 3vh;
    height: 3vh;
  }
  .drawer_c{
    flex: 1;
    border: 1px solid #f4f4f4;
    border-radius: 1vh;
    margin: 3vh 0 5vh 0;
    padding: 2vh;
    background-color: #FDFDFD;
  }


  .nav_content{
    height: 54%;
    width: calc(100% - (3vw + 4vh));
    border: 1px solid #dfdfdf;
    z-index: 5;
    position: absolute;
    margin-top: 1px;
    border-radius: 0 1vh 1vh 1vh;
  }
  .exhibition{
    display: flex;
    justify-content: space-between;
    margin: 2vh 0;
  }
  .exhibition_title{
    font-size: 1.6vh;
  }
  .drawer_b{
    height: 4vh;
    display: flex;
    justify-content: end;
  }
  .drawer_sx{
    padding: 1vh 2vw;
    background-color: #F78C51;
    color: #fff;
    font-size: 1.6vh;
    border-radius: 1vh;
  }
  </style>